The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.

</br></br>------------------</br></br>
<acronym> this tag is same as </acronym>

</br></br>------------------</br></br>

<address>
Written by W3Schools.com<br />
<a href="mailto:us@example.org">Email us</a><br />
Address: Box 564, Disneyland<br />
Phone: +12 34 56 78
</address>

</br></br>------------------</br></br>

<p>Click on the sun or on one of the planets to watch it closer:</p>
<img src="http://www.w3schools.com/tags/planets.gif" width="145" height="126" title="Planets" usemap="#planetmap" />
<map name="planetmap">
	<area shape="rect" coords="0,0,82,126" title="Sun" href="http://www.w3schools.com/tags/sun.htm" />
	<area shape="circle" coords="90,58,3" title="Mercury" href="http://www.w3schools.com/tags/mercur.htm" />
	<area shape="circle" coords="124,58,8" title="Venus" href="http://www.w3schools.com/tags/venus.htm" />
</map>

more info http://www.w3schools.com/tags/tag_area.asp


</br></br>------------------</br></br>

<b>This text is bold</b><br />
<strong>This text is strong</strong><br />
<big>This text is big</big><br />
<em>This text is emphasized</em><br />
<i>This text is italic</i><br />
<small>This text is small</small><br />
<tt>This text is teletype</tt><br />
This text contains <sub>subscript</sub><br />
This text contains <sup>superscript</sup>

<dfn>Definition term</dfn><br />
<code>Computer code text</code><br />
<samp>Sample computer code text</samp><br />
<kbd>Keyboard text</kbd><br />
<var>Variable</var><br />
<cite>Citation</cite> 

</br></br>
strite and underline are depricated, insted

<p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

</br></br>

<dl>
  <dt>Coffee</dt>
  <dd>black hot drink</dd>
  <dd>red hot drink</dd>
  <dt>Milk</dt>
  <dd>white cold drink</dd>
</dl>


</br></br>------------------</br></br>

Here comes a long quotation:
<blockquote>
This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation.
</blockquote>
Notice that a browser inserts white space before and after a blockquote element. It also insert margins for the blockquote element.

</br></br>------------------</br></br>

try some times  <button>  because some of the attributes can easily be done.
<button type="button">Click Me!</button>

</br></br>------------------</br></br>

<label for="male">Male<input type="radio" name="sex" id="male" /></label><br />
<label for="female">Female<input type="radio" name="sex" id="female" /></label>

<!-- Below one will also work -->

<label>Apple<input type="checkbox" name="fruits" /></label><br />
<label>Mango<input type="checkbox" name="fruits" /></label>



</br></br>------------------</br></br>

<table width="100%" border="1">
  <colgroup span="2" align="left"></colgroup>
  <colgroup align="right" style="color:red;"></colgroup>
  <tr>
    <th>ISBN</th>
    <th>Title</th>
    <th>Price</th>
  </tr>
  <tr>
    <td>3476896</td>
    <td>My first HTML</td>
    <td>$53</td>
  </tr>
  <tr>
    <td>2489604</td>
    <td>My first CSS</td>
    <td>$47</td>
  </tr>
</table>


</br></br>------------------</br></br>

<fieldset>
	<legend>Personalia:</legend>
	Name: <input type="text" size="30" /><br />
	Email: <input type="text" size="30" /><br />
	Date of birth: <input type="text" size="10" />
</fieldset>
The <fieldset> tag is used to logically group together elements in a form.It draws a box around the related form elements.
The <legend> tag defines a caption for the fieldset element.


</br></br>------------------</br></br>

<frameset cols="25%,*,25%">
  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />
  <noframes>
    Sorry, your browser does not handle frames!
  </noframes>
</frameset>

<frameset rows="25%,*,25%">
  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />
</frameset>

The frameset element holds two or more frame elements. Each frame element holds a separate document.
The frameset element states only how many columns or rows there will be in the frameset.



</br></br>------------------</br></br>

<p>A shaded horizontal line (this is default):</p>
<hr align='right' width="50%" />

<p>A noshaded horizontal line:</p>
<hr noshade="noshade" />

<p>A horizontal line with a height of 30 pixels:</p>
<hr size="30" />

</br></br>------------------</br></br>


<iframe frameborder='0' src ="http://www.google.co.in/" width="60%" height="300" scrolling='no|yes|auto'>
  <p>inside this paragraph tag will apper only if ur browser does not support iframe tag</p>
</iframe> 

</br></br>------------------</br></br>


<h4>Image with no hspace</h4>
<p><img src="logo_w3s.gif" alt="W3Schools.com" width="100" height="100" align="middle" />This is some text. This is some text. This is some text.</p>

<h4>Image with a hspace</h4>
<p><img src="logo_w3s.gif" alt="W3Schools.com" width="100" height="100" align="right"  vspace="200" hspace="70" />This is some text. This is some text. This is some text.</p>


<img src="logo_w3s.gif" alt="W3Schools.com" height="100%" width="100%"  hspace="20" />



</br></br>------------------</br></br>

<ol>
  <li>Coffee</li>
  <li type="a">Tea</li>
  <li>Milk</li>
</ol>
<ul>
  <li>Coffee</li>
  <li type="circle">Tea</li>
  <li>Milk</li>
</ul>


attribute 'type' can have following values

1
A
a
I
i
disc
square
circle


<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
  <li value="100">Water</li>
  <li>Juice</li>
  <li>Beer</li>
</ol>



</br></br>------------------</br></br>

<link rel="stylesheet" type="text/css" href="demo_screen.css"/>
<link rel="stylesheet" type="text/css" href="demo_print.css" media="print" /><!-- for printing purpose -->


values for attribute 'media'

screen
tty
tv
projection
handheld
print
braille
aural
all

--------------

<p>Example
In the following example, the charset attribute indicates that the linked document is written in Japanese:
</p>
<head>
<link href="domoarigato.htm" rel="parent" charset="ISO-2022-JP" />
</head> 






</br></br>------------------</br></br>

Metadata is information about data.
The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable.
Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.
The <meta> tag always goes inside the head element.


<head>
<meta name="description" content="Free Web tutorials" />
<meta name="keywords" content="HTML,CSS,XML,JavaScript" />
<meta name="author" content="Hege Refsnes" />
<META NAME="Generator" CONTENT="EditPlus">
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
</head>


</br></br>------------------</br></br>

The <object> tag is used to include objects such as images, audio, videos, Java applets, ActiveX, PDF, and Flash.

The object element was intended to replace the img and applet elements. However, because of bugs and a lack of browser support this has not happened.

The object support in browsers depend on the object type. Unfortunately, the major browsers use different codes to load the same object type.


<object width="560" height="340">
	<param name="movie" value="http://www.youtube.com/v/osSWeUH_IYE&hl=en_US&fs=1&"></param>
	<param name="allowFullScreen" value="true"></param>
	<param name="allowscriptaccess" value="always"></param>
	<embed src="http://www.youtube.com/v/osSWeUH_IYE&hl=en_US&fs=1&" 
		type="application/x-shockwave-flash" 
		allowscriptaccess="always" 
		allowfullscreen="true" 
		width="560" 
		height="340">
	</embed>
</object>

<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" width="100" height="50">
  <param name="BorderStyle" value="1" />
  <param name="MousePointer" value="0" />
  <param name="Enabled" value="1" />
  <param name="Min" value="0" />
  <param name="Max" value="10" />
</object>


</br></br>------------------</br></br>

<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars" disabled="disabled">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>


</br></br>------------------</br></br>


<p align="right">This is some text in a paragraph.</p>
</br></br>------------------</br></br>



<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>

</br></br>------------------</br></br>


<html>
<head>
<style type="text/css">
thead {color:green}
tbody {color:blue;height:50px}
tfoot {color:red}
</style>
</head>
<body>

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>

</body>
</html>



</br></br>------------------</br></br>


</br></br>------------------</br></br>


</br></br>------------------</br></br>



</br></br>------------------</br></br>



</br></br>------------------</br></br>


</br></br>------------------</br></br>


</br></br>------------------</br></br>


</br></br>------------------</br></br>


</br></br>------------------</br></br>



</br></br>------------------</br></br>



</br></br>------------------</br></br>


